import React from 'react';
import Image from 'next/image';

function NotFound() {
  return (
    <div className="flex flex-col justify-center items-center min-h-[50vh] mb-[20vh]">
      <div>
        <Image
          src="/static/images/404error.svg"
          alt="1ogo"
          width={320}
          height={320}
        />
      </div>
      <h1 className="text-[36px] font-[900] font-serif mt-[-30px]">
        Page Not Found
      </h1>
      <p className="text-[12px] leading-[20px]">
        Please try locating the page again from our menu or via the search at
        the top of this page.
      </p>
    </div>
  );
}

export default NotFound;
